<template>
  <div>
      <div>
          {{text1}}
          <hr>
          {{text2}}
          <hr>
          {{text3}}
          <hr>
          {{text4}}
          <hr>
          {{text5}}
          <hr>
          {{text6}}
          <hr>
          {{text7}}
          <hr>
          {{text8}}
          <hr>
      </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
            text1:"1",
            text2:"2",
            text3:"3",
            text4:"4",
            text5:"5",
            text6:"6",
            text7:"7",
            text8:"8"
        }
    },
    beforeCreate(){
        this.text1="beforeCreate"
        // console.log("beforeCreate 实例准备创建");
    },
    created(){
       this.text2="created"
    //    console.log("created  实例创建完毕");
    },
    beforeMount (){
         this.text3="beforeMount"
        //  console.log("beforeMount 模板准备渲染");
    },
    mounted(){
         this.text4="mounted"
        //  console.log("mounted 页面加载完毕之后立即调用");
    },
    beforeUpdate(){
         this.text5="beforeUpdate"
        //  console.log("beforeUpdate 开始准备更新");
    },
    updated (){
         this.text6="updated "
        //  console.log("updated 更新完毕");
    },
    beforeDestroy (){
         this.text7="beforeDestroy "
        //  console.log("beforeDestroy 开始准备销毁 ");
    },
    Destroyed (){
        this.text8="Destroyed "
        //  console.log("Destroyed 销毁完毕 ");
    }
}
</script>

<style>

</style>